<div class="col-md-4 mb-4">
    <div class="card category-item border-0">
        <a href="<?php the_permalink()?>" class="card-img position-relative">
            <div class="list-date position-absolute d-flex flex-wrap flex-column text-center">
                <time class="day"><?php the_time('d');?></time>
                <time class="month"><?php the_time('m');?>月</time>
            </div>
            <img src="<?php the_post_thumbnail_url('category');?>" class="card-img-top rounded-0" alt="<?php the_title_attribute()?>">
        </a>
        <div class="card-body bg-grey">
            <a class="card-title" href="<?php the_permalink();?>"><h5 class="text-truncate" title="<?php the_title_attribute()?>"><?php the_title()?></h5></a>
            <p class="text-muted">
                <small class="mr-3"><i class="fa fa-calendar fw mr-1"></i> <?php the_time("Y-m-d");?></small>
                <small class="mr-3"><i class="fa fa-eye fw mr-1"></i><?php echo atom_views(null,null);?></small>
                <small><i class="fa fa-comments fw mr-1"></i><?php comments_number();?></p></small>
            <p class="card-text"><?php echo wp_trim_words(get_the_excerpt(),50)?></p>
            <a href="<?php the_permalink();?>"><?php _e('查看更多','wdstar')?></a>
        </div>
    </div>
</div>